<template>
  <el-row>
    <el-col :span="24" class="mainBox">
       <h2>天津航空旅客与机组携带的危险品操作规范</h2>
       <div class="marginB12">
         国际民航组织要求旅客携带的锂电池必须通过UN38.3安全标准测试。包括中国在内的各国及国际组织均对电池产品的电压（V）、
         容量（Ah 、mAh）或能量（Wh）有明确标示要求。
       </div>
       <div class="marginB12">锂电池及其设备若无产品标识、不规范的标识、误导性标注、标识中缺少制造商或商标信息，或采用明显出厂后加贴的标识或劣质、不清晰的标识，
         均应视为违规的不安全产品，禁止旅客携带乘坐天航班机。设计有开关的蓝牙耳机盒，应始终处于关闭状态。</div>
       <div  class="marginB12">注：除便捷式电子设备（PED）外的设备（如电动轮椅等）中含有的锂电池，原则上应在电池本体上标有电池制造商等相关信息，如电池本体缺少上述信息的，可由设备制造商（如电动轮椅制造商等）提供相关合格证明。</div>
       <div  class="marginB12" style="font-weight: bold">有安全缺陷的锂电池，包括已破损、鼓包、变形、漏液、组件缺失、遭受物理或机械损伤的锂电池，禁止旅客以任何形式携带。</div>
        <div>
          <el-link href="https://www.tianjin-air.com/dotCms/video/%E5%85%85%E7%94%B5%E5%AE%9D%E6%9C%BA%E4%B8%8A%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A1%B9.mp4" type="primary" style="font-weight: 700;font-size:20px">充电宝机上注意事项宣传视频（请点击）</el-link>
        </div>
       <h3>自热食品安全乘机宣传画</h3>
       <div style="margin-bottom: 12px;">
         <img class="photo" src="@/assets/imgs/manage1.png" />
         <img class="photo" src="@/assets/imgs/manage2.png" />
       </div>

       <div class="itemBox">
         <div style="margin: 0 0 12px 10px">备注：若如上链接当前浏览器无法跳转，可试着更换浏览器打开。</div>
         <div style="margin: 0 0 12px 20px">以下物品不得作为手提行李、托运行李或随身携带:</div>
         <div style="margin: 0 0 12px 20px">能够造成人身严重伤害或者危及航空器安全和对运输秩序构成较大危害的危险物品，主要包括:</div>
         <div style="margin: 16px 0 16px 30px" v-for="(item,index) in list" :key="index">{{ item }}</div>
       </div>
    </el-col>
  </el-row>
</template>

<script setup>
import {  ref } from 'vue'

let list = ref([
    '1、爆炸或者燃烧物质和装置或可能被误认为是此类装置(物质)的物品，含弹药、爆破器材、烟火制品及上述物品的仿真品.',
    '2、压缩气体和液化气体，如氢气、甲烷、乙烷、丁烷、天然气、乙烯、丙烯、乙炔(溶于介质的)、一氧化碳、液化石油气、氟利昂、氧气(含液氧装置)、二氧化碳、水煤气、打火机燃料及打火机用液化气体。',
    '3、自燃物品，如黄磷、白磷、硝化纤维(含胶片)、油纸及其制品。',
    '4、遇湿易燃物品，如金属钾、钠、锂、碳化钙(电石)、镁铝粉。',
    '5、易燃液体，如汽油、煤油、柴油、苯、乙醇(酒梢)、丙酮、乙醚、油漆、稀料、松香油及含易燃溶剂制品。',
    '6、易燃固体，如红磷、闪光粉、固体酒植、襄璐珞、发泡剂。',
    '7、氧化剂和有机过氧化物，如高锰酸钾、氨酸钾、过氧化钠、过氧化钾、过氧化铅、过醋酸、双氧水。'
])

</script>

<style scoped>
.mainBox {
  height: calc(100vh - 80px); /* 设置容器的高度 */
  overflow-y: auto; /* 当内容溢出时显示垂直滚动条 */
  padding-bottom: 80px;
}

.marginB12 {
  margin-bottom: 12px;
  text-align: left;
  text-indent: 2em;
  color: #989ea8;
  font-size: 16px;
}

.photo {
  width: 25%;
  height: 400px;
}
.itemBox {
  text-align: left;
  width: 100%;
  color: #989ea8;
  font-size: 16px;
}

</style>